<div id="user-wrapper">
    <div id="user"></div>
    <div id="user-desc">Device is already in use by another user.</div>
</div>
<div id="pulse-wrapper">
    <div id="pulse"></div>
    <div id="pulse-desc">Connection with device is lost.</div>
</div>
<div id="loader-wrapper">
    <div id="loader"></div>
</div>
<div id="header">
    <div id="ext_con_but"><img src="../assets/images/ext_conections_w.png" style="padding-top: 0px;width: 36px;height: 20px;padding-left: 0px;margin-left: 2px;margin-top: 2px;"></div>
    <div id="connection_meter" title="It seems like your connection is ok"><img src="../assets/images/good_net.png" id="connection_icon" width="20px"><span id="throughput_view2">0 kB/s</span></div>
    <div id="description">&nbsp;</div>
</div>

<div class="navbar navbar-inverse" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">T</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a id="back_button" class="navbar-brand" href="/">
                <img class="back-btn" src="../assets/images/navigation_arrow_left.png">
            </a>
            <a class="navbar-brand" href="/">
                <img class="back-btn" src="../assets/images/home.png">
            </a>
            <img class="logo" width=110 src="../assets/images/navigation_logo.png">
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li style="width: 60px">
                    <a href="https://redpitaya.readthedocs.io/en/latest/appsFeatures/applications/spectrum/spectrum.html" target="_blank" style="padding-left: 0; padding-right: 0;">
                        <img src="../assets/images/help.png" width=20px>
                    </a>
                </li>
                <li class="dropdown">
                    <a class="btn btn-default dropdown-toggle" type="button" id="dd_menu" data-toggle="dropdown" style="padding-left: 20px;">MENU<span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu" aria-labelledby="menu1" style="background: #cdcccc; min-width: 0px;">
                        <li><a id="arb_manager" href="/arb_manager">ARB Manager</a></li>
                        <li><a id="downl_graph" href="#">Graph</a></li>
                        <li><a id="downl_csv" href="#">Data in CSV</a></li>
                        <li><a id="reset_settings" href="#">RESET</a></li>
                    </ul>
                </li>
                <li>
                    <a id="SPEC_CLEAR" href="#">CLEAR</a>
                </li>
                <li>
                    <a id="SPEC_RUN" href="#">RUN</a>
                    <a id="SPEC_STOP" href="#" style="display:none">STOP</a>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="full-content">
    <div id="main_block">
        <div id="root_plot">
            <div id="graphs">
                <canvas id="graph_grid"></canvas>
                <img id="cur_x1_arrow" class="varrow" src="img/cursor-arrow-up.png">
                <div id="cur_x1" class="vline"></div>
                <div id="cur_x1_info" class="cur_info"></div>
                <img id="cur_x2_arrow" class="varrow" src="img/cursor-arrow-up.png">
                <div id="cur_x2" class="vline"></div>
                <div id="cur_x2_info" class="cur_info"></div>
                <img id="cur_y1_arrow" class="harrow" src="img/cursor-arrow-left.png">
                <div id="cur_y1" class="hline"></div>
                <div id="cur_y1_info" class="cur_info"></div>
                <img id="cur_y2_arrow" class="harrow" src="img/cursor-arrow-left.png">
                <div id="cur_y2" class="hline"></div>
                <div id="cur_y2_info" class="cur_info"></div>
                <div id="cur_y_diff"></div>
                <div id="cur_y_diff_info" class="cur_info"></div>
                <div id="cur_x_diff"></div>
                <div id="cur_x_diff_info" class="cur_info"></div>
                <div id="cur_rectangle" style="position: fixed;border: 2px solid;display: none;"></div>
            </div>
            <div id="freq" class="text-center plot_legend" style="position: relative;top: 100%;">
            </div>
            <div id="power" class="plot_legend">
                <div class="left-info power-label">
                    Amplitude [dBm]
                </div>
            </div>
        </div>
        <div id="root_waterfall" style="margin-top: 20px;margin-left: 50px;">
            <div id="waterfall-holder_ch1" class="waterfall-holder clearfix">
                <div id="waterfall-label_ch1" style="position: absolute; inset: 0px; display: block;left: -35px;">
                </div>
                <div class="waterfall_title ch1">IN1</div>
                <div id="waterfall_ch1" class="waterfall-graph"></div>
            </div>
            <div id="waterfall-holder_ch2" class="waterfall-holder clearfix">
                <div id="waterfall-label_ch2" style="position: absolute; inset: 0px; display: block;left: -35px">
                </div>
                <div class="waterfall_title ch2">IN2</div>
                <div id="waterfall_ch2" class="waterfall-graph"></div>
            </div>
        </div>
    </div>
    <div id="menu_block">
        <div id="menu-root" class="menu-content">
            <div id="right_menu" class="row right-menu-cont">
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button type="button" class="btn menu-btn ch1" data-signal="ch1" data-toggle="button" aria-pressed="false" autocomplete="off" disabled>IN1</button>
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div id="in1" class="right-menu-option edit-mode"><img src="img/gear.png"></div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button type="button" class="btn menu-btn ch2" data-signal="ch2" data-toggle="button" aria-pressed="false" autocomplete="off" disabled>IN2</button>
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div id="in2" class="right-menu-option edit-mode"><img src="img/gear.png"></div>
                </div>
                <div class="col-xs-6 option-content">
                    <div id="cursor" class="right-menu-option edit-mode">CURSOR</div>
                </div>
                <div class="col-xs-6 option-content">
                    <div id="ctrl" class="right-menu-option edit-mode">RANGE</div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button type="button" class="btn menu-btn output1 dbl" id="OUTPUT1_BUTTON" data-signal="output1" data-toggle="button" aria-pressed="false" autocomplete="off" disabled>
                            <img id="OUTPUT1_STATE_ON" src="img/green_led.png"> OUT1
                        </button>
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div id="out1" class="right-menu-option edit-mode" data-signal="output1"><img src="img/gear.png"></div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button type="button" class="btn menu-btn output2 dbl" id="OUTPUT2_BUTTON" data-signal="output2" data-toggle="button" aria-pressed="false" autocomplete="off" disabled>
                            <img id="OUTPUT2_STATE_ON" src="img/green_led.png"> OUT2
                        </button>
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div id="out2" class="right-menu-option edit-mode" data-signal="output2"><img src="img/gear.png"></div>
                </div>
                <div class="col-xs-12 option-content">
                    <div id="settings-menu" class="right-menu-option edit-mode">SETTINGS</div>
                </div>
                <div class="col-xs-12 option-content sweep_button" hidden>
                    <div id="SWEEP_RESET" class="right-menu-option">SWEEP RESET</div>
                </div>
            </div>
            <div id="in1_dialog" class="dialog row right-menu-cont">
                <div class="col-xs-12 option-content">
                    <div class="ch1 right-menu-option close-dialog">
                        <img src="../assets/images/navigation_arrow_left.png"> Input 1
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button id="CH1_SHOW" type="button" class="btn" data-toggle="button" aria-pressed="false" autocomplete="off">SHOW</button>
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button id="CH1_FREEZE" type="button" class="btn" data-toggle="button" aria-pressed="false" autocomplete="off">FREEZE</button>
                    </div>
                </div>
                <!-- MINMAX -->
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button id="CH1_SHOW_MIN" type="button" class="btn" data-toggle="button" aria-pressed="false" autocomplete="off">MIN</button>
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button id="CH1_SHOW_MAX" type="button" class="btn" data-toggle="button" aria-pressed="false" autocomplete="off">MAX</button>
                    </div>
                </div>
                <div class="col-xs-12 option-content 122_16_block_remove" id="GAIN_SELECTOR_CH1">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Input attenuation</span>
                        <div class="btn-group btn-group-justified" data-toggle="buttons" style="margin-top: 10px;">
                            <label class="btn">
                                    <input type="radio" value="0" id="CH1_IN_GAIN" name="CH1_IN_GAIN" autocomplete="off">
                                    <div id="IN_GAIN_L">LV</div>
                                </label>
                            <label class="btn">
                                    <input type="radio" value="1" id="CH1_IN_GAIN1" name="CH1_IN_GAIN" autocomplete="off">
                                    <div id="IN_GAIN_L2">HV</div>
                                </label>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 option-content 250_12_block">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">AC/DC mode</span>
                        <div class="btn-group btn-group-justified" data-toggle="buttons" style="margin-top: 10px;">
                            <label class="btn">
                                    <input type="radio" value="0" id="CH1_IN_AC_DC" name="CH1_IN_AC_DC" autocomplete="off">AC
                                </label>
                            <label class="btn">
                                    <input type="radio" value="1" id="CH1_IN_AC_DC1" name="CH1_IN_AC_DC" autocomplete="off">DC
                                </label>
                        </div>
                    </div>
                </div>
            </div>
            <div id="in2_dialog" class="dialog row right-menu-cont">
                <div class="col-xs-12 option-content">
                    <div class="ch2 right-menu-option close-dialog">
                        <img src="../assets/images/navigation_arrow_left.png"> Input 2
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button id="CH2_SHOW" type="button" class="btn" data-toggle="button" aria-pressed="false" autocomplete="off">SHOW</button>
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button id="CH2_FREEZE" type="button" class="btn" data-toggle="button" aria-pressed="false" autocomplete="off">FREEZE</button>
                    </div>
                </div>
                <!-- MINMAX -->
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button id="CH2_SHOW_MIN" type="button" class="btn" data-toggle="button" aria-pressed="false" autocomplete="off">MIN</button>
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button id="CH2_SHOW_MAX" type="button" class="btn" data-toggle="button" aria-pressed="false" autocomplete="off">MAX</button>
                    </div>
                </div>
                <div class="col-xs-12 option-content 122_16_block_remove" id="GAIN_SELECTOR_CH2">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Input attenuation</span>
                        <div class="btn-group btn-group-justified" data-toggle="buttons" style="margin-top: 10px;">
                            <label class="btn">
                                        <input type="radio" value="0" id="CH2_IN_GAIN" name="CH2_IN_GAIN" autocomplete="off">
                                        <div id="IN_GAIN_L">LV</div>
                                    </label>
                            <label class="btn">
                                        <input type="radio" value="1" id="CH2_IN_GAIN1" name="CH2_IN_GAIN" autocomplete="off">
                                        <div id="IN_GAIN_L2">HV</div>
                                    </label>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 option-content 250_12_block">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">AC/DC mode</span>
                        <div class="btn-group btn-group-justified" data-toggle="buttons" style="margin-top: 10px;">
                            <label class="btn">
                                        <input type="radio" value="0" id="CH2_IN_AC_DC" name="CH2_IN_AC_DC" autocomplete="off">AC
                                    </label>
                            <label class="btn">
                                        <input type="radio" value="1" id="CH2_IN_AC_DC1" name="CH2_IN_AC_DC" autocomplete="off">DC
                                    </label>
                        </div>
                    </div>
                </div>
            </div>
            <div id="ctrl_dialog" class="dialog row right-menu-cont">
                <div class="col-xs-6 option-content close-dialog">
                    <div class="right-menu-option">
                        <img src="../assets/images/navigation_arrow_left.png"> Range
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <span class="col-info">Freq. unit:</span>
                        <select id="freq_unit" class="form-control styled-select">
                            <option value="0">Hz</option>
                            <option value="1">kHz</option>
                            <option value="2">MHz</option>
                        </select>
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Start freq.</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield" name="xmin" id="xmin" type="text" value="0">
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">End freq.</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield" name="xmax" id="xmax" type="text" value="0">
                        </div>
                    </div>
                </div>
            </div>
            <div id="cursor_dialog" class="dialog row right-menu-cont">
                <div class="col-xs-12 option-content close-dialog">
                    <div class="right-menu-option">
                        <img src="../assets/images/navigation_arrow_left.png"> Cursor
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button id="SPEC_CURSOR_X1" type="button" class="btn" data-toggle="button" aria-pressed="false" autocomplete="off">X1</button>
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button id="SPEC_CURSOR_X2" type="button" class="btn" data-toggle="button" aria-pressed="false" autocomplete="off">X2</button>
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button id="SPEC_CURSOR_Y1" type="button" class="btn" data-toggle="button" aria-pressed="false" autocomplete="off">Y1</button>
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button id="SPEC_CURSOR_Y2" type="button" class="btn" data-toggle="button" aria-pressed="false" autocomplete="off">Y2</button>
                    </div>
                </div>
            </div>
            <div id="settings-menu_dialog" class="dialog row right-menu-cont">
                <div class="col-xs-12 option-content close-dialog">
                    <div class="right-menu-option">
                        <img src="../assets/images/navigation_arrow_left.png"> Settings
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Type</span>
                        <select id="BDM_DBU_FUNC" class="form-control styled-select" style="margin-top: 10px;">
                            <option value="dbm">dBm</option>
                            <option value="dbu">dBu</option>
                            <option value="dbV">dBV</option>
                            <option value="dbuV">dBμV</option>
                            <option value="v">V</option>
                        </select>
                    </div>
                </div>
                <div class="col-xs-6 option-content out_duty">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Impedance(Om)</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number dbu_imp" id="DBU_IMP_FUNC" type="text" value="50.0" min="0.1" max="1000.0" step="0.1">
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">X-axis:</span>
                        <select id="xAxisLogMode" class="form-control styled-select" style="margin-top: 10px;">
                            <option value="0">LINEAR</option>
                            <option value="1">LOGARITHMIC</option>
                        </select>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Window mode</span>
                        <select id="SPEC_WINDOW_MODE" class="form-control styled-select" style="margin-top: 10px;">
                            <option value="0">Rectangular</option>
                            <option value="1">Hanning</option>
                            <option value="2">Hamming</option>
                            <option value="3">Blackman-Harris</option>
                            <option value="4">Flat Top</option>
                            <option value="5">Kaiser (β=4)</option>
                            <option value="6">Kaiser (β=8)</option>

                        </select>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Buffer size</span>
                        <select id="SPEC_BUFFER_SIZE" class="form-control styled-select" style="margin-top: 10px;">
                            <option value="256">256</option>
                            <option value="512">512</option>
                            <option value="1024">1024</option>
                            <option value="2048">2048</option>
                            <option value="4096">4096</option>
                            <option value="8192">8192</option>
                            <option value="16384">16384</option>

                        </select>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <button id="SPEC_CUT_DC" type="button" class="btn" data-toggle="button" aria-pressed="false" autocomplete="off">REMOVE DC</button>
                    </div>
                </div>
                <div class="col-xs-12 option-content 250_12_block">
                    <div class="right-menu-option">
                        <button id="EXT_CLOCK_ENABLE" type="button" class="btn" data-toggle="button" aria-pressed="false" autocomplete="off">EXT. CLOCK</button>
                    </div>
                </div>
            </div>
            <div id="out1_dialog" class="dialog row right-menu-cont">
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option output1 close-dialog">
                        <img src="../assets/images/navigation_arrow_left.png"> Output1
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button id="OUTPUT1_STATE" type="button" class="btn" data-toggle="button" aria-pressed="false" autocomplete="off" style="padding-left: 0px;">
                                <img id="OUTPUT1_STATE_ON2" src="" style="width: 20px;padding-right: 2px" >ON</button>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Type</span>
                        <select id="SOUR1_FUNC" class="form-control styled-select 122_16_gen_sel" style="margin-top: 10px;">
                            <option value="0">SINE</option>
                            <option value="1" class="122_16_block_remove">SQUARE</option>
                            <option value="2" class="122_16_block_remove">TRIANGLE</option>
                            <option value="3" class="122_16_block_remove">SAWU</option>
                            <option value="4" class="122_16_block_remove">SAWD</option>
                            <option value="5" class="122_16_block_remove">DC</option>
                            <option value="8" class="122_16_block_remove">DC NEG</option>
                            <option value="6" class="122_16_block_remove">PWM</option>
                            <!--option value="7">ARB</option-->
                        </select>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div id="out1" class="right-menu-option edit-mode-sweep">SWEEP MODE</div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info out_freq" style="margin-top: -21px;">Frequency / Hz</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number" id="SOUR1_FREQ_FIX" type="text" value="0" min="1" max="50000000" step="1">
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 option-content" name="AMPLITUDE_NODE">
                    <div class="right-menu-option">
                        <span class="col-info out_ampl" style="margin-top: -21px;">Amplitude / V</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number" id="SOUR1_VOLT" type="text" value="0.000" min="0.001" max="1" step="0.001">
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 option-content 250_12_block">
                    <div class="right-menu-option">
                        <span class="col-info out_ampl" style="margin-top: -21px;">Gain</span>
                        <div style="margin-top: 10px;" id="CH1_OUT_GAIN_L">
                            x1
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 option-content 122_16_block_remove">
                    <div class="right-menu-option">
                        <span class="col-info out_offset" style="margin-top: -21px;">Offset / V</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number" id="SOUR1_VOLT_OFFS" type="text" value="0.000" min="-1" max="1" step="0.001">
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 option-content out_phase">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Phase / deg</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number" id="SOUR1_PHAS" type="text" value="0" min="-360" max="360" step="1">
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 option-content out_duty 122_16_block_remove">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Duty cycle / %</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number" id="SOUR1_DCYC" type="text" value="0.0" min="0.0" max="100.0" step="0.1">
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 option-content 122_16_block_remove">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Rise time / μs</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number" id="SOUR1_RISE" type="text" value="1.0" min="0.1" max="100" step="0.1">
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 option-content 122_16_block_remove">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Fall time / μs</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number" id="SOUR1_FALL" type="text" value="1.0" min="0.1" max="100" step="0.1">
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 option-content 250_12_block">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Load</span>
                        <select id="SOUR1_IMPEDANCE" class="form-control styled-select" style="margin-top: 10px;">
                                <option value="0">Hi-Z</option>
                                <option value="1">50 ohm</option>
                            </select>
                    </div>
                </div>
            </div>
            <div id="out2_dialog" class="dialog row right-menu-cont">
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option output2 close-dialog">
                        <img src="../assets/images/navigation_arrow_left.png"> Output2
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button id="OUTPUT2_STATE" type="button" class="btn" data-toggle="button" aria-pressed="false" autocomplete="off" style="padding-left: 0px;">
                                <img id="OUTPUT2_STATE_ON2" src="" style="width: 20px;padding-right: 2px" >ON</button>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Type</span>
                        <select id="SOUR2_FUNC" class="form-control styled-select 122_16_gen_sel" style="margin-top: 10px;">
                            <option value="0">SINE</option>
                            <option value="1" class="122_16_block_remove">SQUARE</option>
                            <option value="2" class="122_16_block_remove">TRIANGLE</option>
                            <option value="3" class="122_16_block_remove">SAWU</option>
                            <option value="4" class="122_16_block_remove">SAWD</option>
                            <option value="5" class="122_16_block_remove">DC</option>
                            <option value="8" class="122_16_block_remove">DC NEG</option>
                            <option value="6" class="122_16_block_remove">PWM</option>
                        </select>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div id="out2" class="right-menu-option edit-mode-sweep">SWEEP MODE</div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info out_freq" style="margin-top: -21px;">Frequency / Hz</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number" id="SOUR2_FREQ_FIX" type="text" value="0" min="0" max="50000000" step="1">
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 option-content" name="AMPLITUDE_NODE">
                    <div class="right-menu-option">
                        <span class="col-info out_ampl" style="margin-top: -21px;">Amplitude / V</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number" id="SOUR2_VOLT" type="text" value="0.000" min="0.001" max="1" step="0.001">
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 option-content 250_12_block">
                    <div class="right-menu-option">
                        <span class="col-info out_ampl" style="margin-top: -21px;">Gain</span>
                        <div style="margin-top: 10px;" id="CH2_OUT_GAIN_L">
                            x1
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 option-content 122_16_block_remove">
                    <div class="right-menu-option">
                        <span class="col-info out_offset" style="margin-top: -21px;">Offset / V</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number" id="SOUR2_VOLT_OFFS" type="text" value="0.000" min="-1" max="1" step="0.001">
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 option-content out_phase">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Phase / deg</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number" id="SOUR2_PHAS" type="text" value="0" min="-360" max="360" step="1">
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 option-content out_duty 122_16_block_remove">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Duty cycle / %</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number" id="SOUR2_DCYC" type="text" value="0.0" min="0.0" max="100.0" step="0.1">
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 option-content 122_16_block_remove">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Rise time / μs</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number" id="SOUR2_RISE" type="text" value="1.0" min="0.1" max="100" step="0.1">
                        </div>
                    </div>
                </div>
                <div class="col-xs-6 option-content 122_16_block_remove">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Fall time / μs</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number" id="SOUR2_FALL" type="text" value="1.0" min="0.1" max="100" step="0.1">
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 option-content 250_12_block">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Load</span>
                        <select id="SOUR2_IMPEDANCE" class="form-control styled-select" style="margin-top: 10px;">
                                <option value="0">Hi-Z</option>
                                <option value="1">50 ohm</option>
                            </select>
                    </div>
                </div>
            </div>
            <div id="out1_sweep_dialog" class="dialog row right-menu-cont">
                <div class="col-xs-6 option-content">
                    <div id="out1" class="right-menu-option output1 close-sweep-dialog">
                        <img src="../assets/images/navigation_arrow_left.png"> Output1
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button id="SOUR1_SWEEP_STATE" type="button" class="btn" data-toggle="button" aria-pressed="false" autocomplete="off" style="padding-left: 0px;">
                                ON</button>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info out_freq" style="margin-top: -21px;">Start Freq (Hz)</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number" id="SOUR1_SWEEP_FREQ_START" type="text" value="0" min="1" max="50000000" step="1">
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info out_freq" style="margin-top: -21px;">End Freq (Hz)</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number" id="SOUR1_SWEEP_FREQ_END" type="text" value="0" min="1" max="50000000" step="1">
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info out_freq" style="margin-top: -21px;">Duration (µs)</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number no-arrows" id="SOUR1_SWEEP_TIME" type="text" value="1000000" min="0" max="2000000000" step="1">
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Sweep/Mode</span>
                        <select id="SOUR1_SWEEP_MODE" class="form-control styled-select" style="margin-top: 10px;">
                            <option value="0">LINEAR</option>
                            <option value="1">LOGARITHMIC</option>
                        </select>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Sweep/Dir</span>
                        <select id="SOUR1_SWEEP_DIR" class="form-control styled-select" style="margin-top: 10px;">
                            <option value="0">NORMAL</option>
                            <option value="1">UP-DOWN</option>
                        </select>
                    </div>
                </div>
            </div>
            <div id="out2_sweep_dialog" class="dialog row right-menu-cont">
                <div class="col-xs-6 option-content">
                    <div id="out2" class="right-menu-option output2 close-sweep-dialog">
                        <img src="../assets/images/navigation_arrow_left.png"> Output2
                    </div>
                </div>
                <div class="col-xs-6 option-content">
                    <div class="right-menu-option">
                        <button id="SOUR2_SWEEP_STATE" type="button" class="btn" data-toggle="button" aria-pressed="false" autocomplete="off" style="padding-left: 0px;">
                                ON</button>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info out_freq" style="margin-top: -21px;">Start Freq (Hz)</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number" id="SOUR2_SWEEP_FREQ_START" type="text" value="0" min="1" max="50000000" step="1">
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info out_freq" style="margin-top: -21px;">End Freq (Hz)</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number" id="SOUR2_SWEEP_FREQ_END" type="text" value="0" min="1" max="50000000" step="1">
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info out_freq" style="margin-top: -21px;">Duration (µs)</span>
                        <div style="margin-top: 10px;">
                            <input class="setfield input-number no-arrows" id="SOUR2_SWEEP_TIME" type="text" value="1000000" min="0" max="2000000000" step="1">
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Sweep/Mode</span>
                        <select id="SOUR2_SWEEP_MODE" class="form-control styled-select" style="margin-top: 10px;">
                            <option value="0">LINEAR</option>
                            <option value="1">LOGARITHMIC</option>
                        </select>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info" style="margin-top: -21px;">Sweep/Dir</span>
                        <select id="SOUR2_SWEEP_DIR" class="form-control styled-select" style="margin-top: 10px;">
                            <option value="0">NORMAL</option>
                            <option value="1">UP-DOWN</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="between"></div>
            <div class="row right-menu-cont">
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info">Peak Ch1:</span>
                        <input class="setfield setfield_info" name="peak_ch1" id="peak_ch0" type="text" value="0" style="margin-top: 5px;" readonly>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info">Peak Ch2:</span>
                        <input class="setfield setfield_info" name="peak_ch2" id="peak_ch1" type="text" value="0" style="margin-top: 5px;" readonly>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info">Sample rate:</span>
                        <input class="setfield setfield_info" name="adc_speed" id="adc_speed" type="text" value="0" style="margin-top: 5px;" readonly>
                    </div>
                </div>
                <div class="col-xs-12 option-content">
                    <div class="right-menu-option">
                        <span class="col-info">RBW:</span>
                        <input class="setfield setfield_info" name="rbw" id="rbw" type="text" value="0" style="margin-top: 5px;" readonly>
                    </div>
                </div>
            </div>

            <div class="col-xs-12" id="ext_clock_enable_view" style="display:none;text-align: center;margin-top: 10px;">
                REF CLOCK <img id="EXT_CLOCK" src="img/green_led.png" style="width: 20px;">
            </div>

        </div>
        <div id="joystick">
            <img id="jtk_fine" src="img/reset.png" />
            <img id="jtk_btns" src="img/node_fine.png" usemap="#jtk_btns_map" />
            <map name="jtk_btns_map">
                    <area id="jtk_left" shape="poly" coords="19,28,37,45,32,56,28,69,29,84,36,101,30,112,18,122,11,114,8,104,4,91,1,77,3,59,9,41,19,27" />
                    <area id="jtk_up" shape="poly" coords="27,17,42,7,61,3,78,3,89,4,102,7,116,13,124,20,105,37,87,29,64,29,56,33,46,37" />
                    <area id="jtk_right" shape="poly" coords="111,44,132,27,143,42,147,56,149,76,148,93,141,107,132,123,112,104,119,94,122,76,119,58" />
                    <area id="jtk_down" shape="poly" coords="46,112,27,130,38,141,51,145,72,148,92,148,106,142,126,132,104,111,90,118,79,120,71,121,62,119,57,117" />
                </map>
        </div>
    </div>

</div>
<div class="modal fade" id="ext_connections_dialog" tabindex="-1" role="dialog" aria-labelledby="bazaar_naLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 700px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="bazaar_naLabel">External Connections</h4>
            </div>
            <div class="modal-body" style="display: flex;">
                <img src="../assets/images/red_pitaya_pinout.png" style="width: 100%;">
            </div>
            <div class="modal-footer">
                <div class="bazaar-link">
                    <a href="#" data-dismiss="modal" id="disable_analytics" class="list-group-item exp_btn">Close</a>
                </div>
            </div>
        </div>
    </div>
</div>